import { Message, MessageBox } from 'element-ui'
import util from '@/libs/util.js'
import router from '@/router'
import { Login, Logout } from '@api/sys.login'
import { currentMenuPath, dictMapPath } from '@/api/baseUrl'
export default {
  namespaced: true,
  actions: {
    /**
     * @description 登录
     * @param {Object} context
     * @param {Object} payload username {String} 用户账号
     * @param {Object} payload password {String} 密码
     * @param {Object} payload route {Object} 登录成功后定向的路由对象 任何 vue-router 支持的格式
     */
    login({ dispatch }, {
      username = '',
      password = ''
    } = {}) {
      return new Promise((resolve, reject) => {
        //   // 开始请求登录接口
        Login({ username, password }).then(result => {
          // 整个系统依赖这两个数据进行校验和存储
          // uuid 是用户身份唯一标识 用户注册的时候确定 并且不可改变 不可重复
          // token 代表用户当前登录状态 建议在网络请求中携带 token
          // 如有必要 token 需要定时更新，默认保存一天
          util.cookies.set('uuid', result.loginUser.id)
          util.cookies.set('token', result.accessToken)
          // 设置 vuex 用户信息
          dispatch('d2admin/user/set', {
            name: result.loginUser.nickName,
            user: result.loginUser
          }, { root: true })
          // 用户登录后从持久化数据加载一系列的设置
          dispatch('load')
          // 加载菜单
          dispatch('bootAdmin/menu/currentMenu', { url: currentMenuPath, data: null }, { root: true })
          // 加载数据字典
          dispatch('bootAdmin/dict/dictMap',{url:dictMapPath},{ root: true })
          // 结束
          resolve()
        }).catch(err => {
          reject(err)
        })
      })
    },
    /**
     * @description 注销用户并返回登录页面
     * @param {Object} context
     * @param {Object} payload confirm {Boolean} 是否需要确认
     */
    logout({ commit, dispatch }, { confirm = false } = {}) {
      /**
       * @description 注销
       */
      async function logout() {
        return new Promise((resolve, reject) => {
          Logout().then(result => {
            // 删除cookie
            util.cookies.remove('token')
            util.cookies.remove('uuid')
            // 清空 vuex 用户信息
            // dispatch('d2admin/user/set', {}, { root: true })
            dispatch('clean')
            // 跳转路由
            router.push({
              name: 'login'
            })
            resolve()
          }).catch(error => {
            reject(error)
          })
        })
      }

      // 判断是否需要确认
      if (confirm) {
        commit('d2admin/gray/set', true, { root: true })
        MessageBox.confirm('确定要注销当前用户吗', '注销用户', {
          type: 'warning'
        })
          .then(() => {
            commit('d2admin/gray/set', false, { root: true })
            logout()
          })
          .catch(() => {
            commit('d2admin/gray/set', false, { root: true })
            Message({
              message: '取消注销操作'
            })
          })
      } else {
        logout()
      }
    },
    /**
     * @description 用户登录后从持久化数据加载一系列的设置
     * @param {Object} context
     */
    load({ dispatch }) {
      return new Promise(async resolve => {
        // DB -> store 加载用户名
        await dispatch('d2admin/user/load', null, { root: true })
        // DB -> store 加载主题
        await dispatch('d2admin/theme/load', null, { root: true })
        // DB -> store 加载页面过渡效果设置
        await dispatch('d2admin/transition/load', null, { root: true })
        // DB -> store 持久化数据加载上次退出时的多页列表
        await dispatch('d2admin/page/openedLoad', null, { root: true })
        // DB -> store 持久化数据加载侧边栏折叠状态
        await dispatch('d2admin/menu/asideCollapseLoad', null, { root: true })
        // DB -> store 持久化数据加载全局尺寸
        await dispatch('d2admin/size/load', null, { root: true })
        // DB -> store 持久化数据加载颜色设置
        await dispatch('d2admin/color/load', null, { root: true })
        // end
        resolve()
      })
    },
    /**
     * 清空缓存
     * @param {*} param0 
     */
    clean({ dispatch }) {
      return new Promise(async resolve => {
        //  清空页面快照
        await dispatch('d2admin/db/pageClear', {}, { root: true })
        // 清空页面缓存设置
        await dispatch('d2admin/page/closeAll', {}, { root: true })
        // 清空 vuex 用户信息
        await dispatch('d2admin/user/set', { name: "", user: "" }, { root: true })
        // 清空日志
        // await dispatch('d2admin/log/clean', {}, { root: true })
        //
        // end
        resolve()
      })
    }
  }
}
